
<div id="mySidenav" class="sidenav">
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>

   <ul>
     <li>
       <a href="../product/productindex.html">Products section</a>
       <ul>
         <li>
           <a href="../product/life.html">Life insurance</a>
         </li>
         <li>
           <a href="../product/pension.html">Pension</a>
         </li>
         <li>
           <a href="../product/general.html">General insurance</a>
         </li>
       </ul>
     </li>
     <a href="../index.html">contract design section</a>
     <ul>
       <li>
       </li>
       <li>
       </li>
       <li>
       </li>
     </ul>
     <li>
       <a href="../investment/investment.html">Investment section</a>
       <ul>
         <li>
           <a href="../risk.html">Investment and risk characteristics of certain investment vehicles</a>
         </li>
         <li>
           <a href="../strategy.html">Investment strategy</a>
         </li>
         <li>
         </li>
         <li>
         </li>
         <li>
         </li>
       </ul>
     </li>
     <li>
     </li>
   </ul>
   </ul>
</div>

<!-- Use any element to open the sidenav -->
<span onclick="openNav()"><h2>Navigation bar</h2></span>


<script type="text/javascript">
/* Set the width of the side navigation to 250px and the left margin of the page content to 250px */
function openNav() {
  document.getElementById("mySidenav").style.width = "250px";
  document.getElementById("main").style.marginLeft = "250px";
}

/* Set the width of the side navigation to 0 and the left margin of the page content to 0 */
function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
  document.getElementById("main").style.marginLeft = "0";
}

</script>
